<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="LeaveEmployeeList, App_Web_irvafolg" %>



<%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="ajaxToolkit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">

    <style type="text/css">

.green-colour{
background-color:#8dc234;
font-family:Tahoma;
font-size:17px;
padding-left:4px;
color:#ffffff;
margin:2px;
text-decoration:none;
font-weight:bold;
}
.user{
font-family:Tahoma;
font-size:12px;
color:#124c56;
margin:4px;
text-decoration:none;
}
        .button1
        {
            font-style: italic;
        }
                        .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 8px !important;
    vertical-align: middle;
    border-color: #ddd;
}
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">

             <div class="main-panel">
        <div class="content">
        <div class="container" id="Leaveemployeelist" runat="server">
     
     <div class="row dash-pane2">	

     <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"><i class="fa fa-list fa-fw"></i><asp:Label ID="lblListofEmployeeforLeave" runat="server" Text="List of Employee for Leave"></asp:Label></h4>
                </div>
                <div class="card-body table-responsive" style="height:370px; overflow:scroll;">
                 <asp:GridView ID="Grid1" runat="server" class="table table-hover"
          AutoGenerateColumns="False"  DataKeyNames="EmpId" 
         
        ondatabound="Grid1_DataBound" 
              onselectedindexchanged="Grid1_SelectedIndexChanged">
         
         
          <Columns>
              <asp:TemplateField HeaderText="Select">
               <HeaderStyle CssClass="tdsubcellheadingfont" ForeColor="Black" Height="21px" Width="30px" />   
                  <ItemTemplate>
                      <asp:CheckBox ID="cbRows" runat="server" />
                  </ItemTemplate>
                
              </asp:TemplateField>
              <asp:HyperLinkField DataNavigateUrlFields="EmpId" ControlStyle-ForeColor="#006699"
                  DataNavigateUrlFormatString="LeaveApplication.aspx?Empid={0}" 
                  DataTextField="EmpName" HeaderText="Employee Name" 
                  SortExpression="EmpName">
              
              </asp:HyperLinkField>
               <asp:BoundField DataField="Cardno" HeaderText="Cardno" SortExpression="FatherName">
               
            </asp:BoundField>
              
             <asp:BoundField DataField="EmpCode" HeaderText="Emp. Code" SortExpression="EmpCode">
              
            </asp:BoundField>
            <asp:BoundField DataField="Dept_Name" HeaderText="Dept. Name" SortExpression="Dept_Name">
               
            </asp:BoundField>
            <asp:BoundField DataField="Desig_Name" HeaderText="Designation Name" SortExpression="Desig_Name">
                
            </asp:BoundField>
            <asp:BoundField DataField="DateofJoin" HeaderText="Date of Join" SortExpression="DateofJoin">
               
            </asp:BoundField>
              <asp:BoundField DataField="Branch" HeaderText="Branch" SortExpression="Branch">
               
            </asp:BoundField>
           </Columns>
         
      </asp:GridView>
     
   
       <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="quicksearch.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.search_textbox').each(function (i) {
                $(this).quicksearch("[id*=Grid1] tr:not(:has(th))", {
                    'testQuery': function (query, txt, row) {
                        return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                    }
                });
            });
        });
    </script>
              
                </div>
              </div>
              <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:0px;">
                 <asp:Button ID="BtnAdd" runat="server" Text="Home" onclick="BtnAdd_Click" 
        type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>
                  <i  class="fa fa-trash-o;"></i>
                  <i class="fa fa-plus;"></i>&nbsp;&nbsp;
        <asp:Button ID="Button1" runat="server" 
            Text="Close" class=" btn btn-danger"
            onclick="Button1_Click"  /><i></i>
              </div>
					
				</div>
                </div>
                </div>
                </div>
</asp:Content>

